
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<base href="main-test.php" />
<title>eTaxware</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<link rel="shortcut icon" href="assets/images/favicon.png" />

<link rel="stylesheet" href="assets/css/jquery.dataTables.css" type="text/css">

<script src="assets/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.dataTables.js"></script> 
<script src="assets/js/bootstrap-datepicker.js"></script>

<script>
	$(document).ready(function(){
	
		var oTable = $('#sales_summary').dataTable({
				"bDestroy": true,
				"bProcessing":true,
				"bServerSide": true,
				"sAjaxSource": "sales_report.php",
				"sServerMethod": "POST",
				"oLanguage": {
						"sSearch": "Cari Nama WP:"
				}
				
				});
		
	});
	
</script>
</head>
<body>
<h1></h1>
 
<table class="data display" id="sales_summary">
	 <thead>
        <tr>
            <th>Date</th>
            <th>Customer</th>
            <th>Total</th>
            <th>Tax</th>
            <th>Discount</th>
            <th>Grand Total</th>
			<th>Paid By</th>
            <th>Actions</th>
        </tr>
    </thead>
	
	<tbody>
		<tr>
			<td colspan=6>Loading From Server.....</td>
		</tr>
	</tbody>
</table>
<br>

</body>